// 变量 
$baseColor:#ff841d;
header {
    // width: 100%;
    height: 50px;
    background-color: $baseColor;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    >.logo {
       width: 185px;
    }
    >.appdown {
        width: 34px;
    }
}

//搜索部分开始
.search {
    width: 100%;
    height: 50px;
    padding: 10px;
    // background-color: #ff0;
    position: relative;
    > input {
       width: 100%;
       height: 100%;
       border-radius: 30px;
       background-color: #f1f1f1;
       font-size: 16px;
       text-indent: 1em;
    }
    > button {
        width: 63px;
        height: 30px;
        border-radius: 15px;
       background-color: $baseColor;
       position: absolute;
       right: 10px;
       top: 10px;
       color: #fff;
    }
} 

// 导航部分开始
    .nav {
    //    height: 40px;
    background-color: #eee;
       > a {
           padding: 10px;
            display: inline-block;
            height: 40px;
            font-size: 16px;
        }
        > a:last-of-type {
            float: right;
            background-color: #ddd;
            border-radius: 10px;
            margin-left: 5px;
        }
   }

   //商品部分开始

   .shangpin {
       background-color: #f9f9f9;
       >a {
           height: 100px;
           width: 100%;
           border: 1px solid #eee;
           position: relative;
           >img {
               width: 100px;
               height: 90%;
               position: absolute;
            //    top: 5px;
            //    left: 10px;
           }
           >.one {
               font-size: 16px;
               position: absolute;
               top: 10px;
               left: 110px;
           }
           >.two {
               font-size: 16px;
               color: red;
               position: absolute;
               top: 50px;
               left: 108px;
           }
           >.three {
               font-size: 10px;
               color: #bbb;
               position: absolute;
               top: 76px;
               left: 100px;
           }
           >.four {
                font-size: 10px;
                color: #bbb;
                position: absolute;
                top: 76px;
                left: 200px;
           }
       }
   }

   // 登入部分开始
.foot {
    margin-top: 30px;
    background-color: #f2f2f2;
    height: 50px;
    display: flex;
    > .one{
        height: 34px;
        line-height: 34px;
        flex: 2;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }
    > .two{
        height: 34px;
        line-height: 34px;
        flex: 2;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }
    > .three{
        line-height: 34px;
        height: 34px;
        flex: 3;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }
 }

//  底部开始
.mm-foot {
    height: 50px;
    background-color: #f2f2f2;
    >p {
        // margin: 0 auto;
        text-align: center;
        a{
            display: inline;
        }
        >a:first-of-type {
           color: #f00;
           
        }
    }
}